/*
* 2017/10/23
*   demo样式
 */

/*demo01页面样式 S*/
.work-container {
    width: 540px;
    margin-left: auto;
    margin-right: auto;
}

/*banner部分 S*/
.work-bannerbox {
    margin: 0 auto;
    height: 600px;
    border-top: 1px solid #2c2c2c;
    background-size: 100% 100%;
}

.work-banner {
    margin-top: 150px;
}

.work-banner .work-banner-tit {
    font-size: 36px;
    font-weight: 600;
    color: #fff;
    text-align: center;
}

.work-banner .work-banner-con {
    margin-top: 50px;
    color: #fff;
    font-size: 16px;
}

.work-banner .work-banner-con p {
    line-height: 36px;
}

/*banner部分 E*/
/*work-item 部分 S*/
.work-item {
    margin-top: 70px;
    margin-bottom: 70px;
}

.work-item-tit {
    margin-bottom: 30px;
}

.work-item-tit span {
    font-size: 30px;
    color: #000;
    font-weight: 500;
}

.work-item-con-one p {
    font-size: 16px;
    color: #202020;
    line-height: 36px;
}

.work-email {
    text-decoration: underline;
}

.work-item-con-two {
    margin-bottom: 40px;
}

.work-item-con-two p {
    font-size: 16px;
    color: #202020;
    line-height: 30px;
}

/*work-item 部分 E*/
/*demo01页面样式 E*/

/*demo02页面样式 S*/
.relationbox {
    width: 1000px;
    height: 775px;
    margin: 0 auto;
    border-top: 1px solid #2c2c2c;
    background: url("../../back/images/newshop.jpg") center center no-repeat;
    background-size: 100% 100%;
}

.relation-container {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.relation-cont {

}

.relation-tit {
    margin-top: 100px;
    margin-bottom: 100px;
    text-align: center;
}

.relation-tit h4 {
    font-size: 30px;
    color: #fff;
    letter-spacing: 6px;
}

.relation-cont-left {
    float: left;
}

.relation-cont-left p {
    line-height: 36px;
    color: #fff;
    font-size: 16px;
}

.relation-cont-right {
    float: right;
}

/*demo02页面样式 E*/
